@media screen and (max-width:751px){
    html{
        width: 750px;
        background-color: white;
    }
}
li{
    list-style: none;
}
.header{
    text-align: center;
}
.header p{
    background-color: red;
    font-size: 20px;
    /* text-align: center; */
}
.header button{
    float: right;
    margin-top: -45px;
    background-color: white;
    border: none;
}

.main li{
    border: 1px solid;
    height: 160px;
}
.main input[type=radio]{
    float: left;
    /* text-align: center; */
    margin-top: 80px;
    /* vertical-align: middle; */
}
.main img{
    float: left;
    vertical-align: middle;
    width: 160px;
    height: 160px;
}
.main span{
    font-size: 20px;
    float: left;
    /* margin-left: 800px; */
    color: red;
}
/* .main div{
    float: left;
    display: inline;
} */
.main .c{
    float: right;
}
.recomand{
    flex-direction: column;
    flex-wrap: nowrap;
}
.recomand h2{
    text-align: center;
    color: red;
}
.recomand ul{
    display: flex;
}
.recomand li{
    /* float: left; */
    width: 40%;
}
.calculate{
    width: 100%;
}
.calculate input[type=radio]{
    float: left;
}
.calculate input{
    float: right;
    color: white;
    background-color: red;
}